<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>小狗在家</title>
        <meta name="description" content="6月自驾游 | 带着狗狗看世界，苏州吴江2日游开始报名啦">
        <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
        <link type="image/x-icon" rel="shortcut icon" href="./dist/img/viptail_title_icon.png" media="screen">
        <link rel="stylesheet" href="dist/css/shop.min.css">
    </head>
    <body>
		<p class="hide">6月自驾游 | 带着狗狗看世界，苏州吴江2日游开始报名啦</p>
		<header class="banner">
            <img src="dist/img/banner.jpg">
        </header>
        <section class="main">
			<!-- 房间选择 -->
			<ul id="roomList" class="goodlist">
				<li>
					<span><input type="radio" name="room" value="0" />单人拼房</span>
					<span class="num"></span>
					<span class="price">&yen; 260.00</span>
				</li>
				<li>
					<span><input type="radio" name="room" value="1" />单人独立房间</span>
					<span class="num"></span>
					<span class="price">&yen; 370.00</span>
				</li>
				<li>
					<span><input type="radio" name="room" value="2" />双人套餐</span>
					<span class="num"></span>
					<span class="price">&yen; 498.00</span>
				</li>
			</ul>
			<!-- 个人信息 -->
			<p class="title">
				请填写您的订单信息
			</p>
            <ul class="infolist">
                <li>
                    <label>电话</label>
                    <input type="text" id="phone" value="" readonly="readonly" />
                </li>
                <li>
					<label>用户名</label>
                    <input type="text" id="nickname" value="" readonly="readonly" />
                </li>
				<li>
					<label>姓名</label>
                    <input type="text" id="realname" placeholder="请输入您的真实姓名" onfocus="unfixedBottom()" onblur="fixedBottom()" />
                </li>
				<li>
					<label>宠物数量</label>
					<span id="petNumber" class="radio">
						<span><input type="radio" name="number" value="1" checked="checked"/>1只</span>
						<span class="blank"></span>
						<span class="hide"><input type="radio" name="number" value="2"/>2只</span>
					</span>
                </li>
            </ul>
			<!-- 宠物1 信息 -->
			<p class="title pet">
				宠物1
			</p>
			<ul class="infolist">
				<li>
					<label>品种</label>
					<input type="text" id="petType1" placeholder="如：金毛，贵宾等" max="20" onfocus="unfixedBottom()" onblur="fixedBottom()" />
				</li>
			</ul>
			<!-- 宠物2 信息 -->
			<section id="pet2" class="hide">
				<p class="title pet">
					宠物2
				</p>
				<ul class="infolist">
					<li>
						<label>品种</label>
						<input type="text" id="petType2" placeholder="如：金毛，贵宾等" max="20" onfocus="unfixedBottom(this)" onblur="fixedBottom(this)" />
					</li>
				</ul>
			</section>
			<!-- 提交\查看订单 -->
            <footer class="submit">
				<span id="search" class="btn" role="button">订单查询</span>
				<span id="submit" class="btn" role="button">确认支付</span>
			</footer>
        </section>
		<div id="loginBox" class="cover" style="display:block">
			<div class="confirm">
				<p id="loginText" class="middle">
					正在加载，请稍候...
				</p>
				<footer id="loginBottom" class="hide">
					<span id="cancelBtn" class="btn" role="button">取消</span>
					<span id="loginBtn" class="btn" role="button">去登录</span>
				</footer>
			</div>
		</div>
		<div id="confirmBox" class="cover">
			<div class="confirm">
				<p id="confirmText">
				</p>
				<span id="confirmBtn" class="btn" role="button">确定</span>
			</div>
		</div>
		<div id="searchBox" class="cover">
			<div class="dialog">
				<p id="searchText">
					您还没有下单哦，快快购买旅行套餐，和狗狗一起享受愉快周末吧。
				</p>
				<span id="dialogBtn" class="btn" role="button">确定</span>
			</div>
		</div>
		<p class="trans">6月自驾游 | 带着狗狗看世界，苏州吴江2日游开始报名啦</p>
		<p></p>
		<script src="dist/js/jquery-1.7.2.min.js"></script>
        <script src="dist/js/jquery.base64.js"></script>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<script src="dist/js/tool.min.js"></script>
        <script src="dist/js/shop.min.js"></script>
    </body>
</html>
